<%@page import="data.GeoData"%>
<%@page import="helpers.SessionHelper"%>
<%@page import="models.GeoModel"%>
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<% 
	GeoData geoData = new GeoData();
	GeoModel currentGeo = SessionHelper.getCurrentCity(request); 
%>
	<div id="popup-step1">
	    <div class="welcomeWrapper">
			<div class="welcomeContent">				
	        	<div class="welcomeTop">Kênh mua sắm thông minh</div>
	        	<div class="welcomeMainContent clearafter">
	        		<div class="left">
			            <div class="welcomeCity">Vui lòng nhập địa chỉ email</div>
			            <div class="email">
			            	<form method="post" action="">
			                    <input type="text" name="email" value="Nhập địa chỉ email" />
			                    <p class="error">Vui lòng nhập địa chỉ email hợp lệ.</p>
			                </form>
			            </div>
			            <div class="welcomeCity">Vui lòng chọn thành phố</div>
			            <div class="citySelect">
			            	<input class="cityText" type="text" value="<%=currentGeo.getName() %>" readonly="readonly" />
			                <ul class="cityListing">
			                    <%
		                     		for(GeoModel geo: geoData.getCities()){                                   				
		                    	%>
		                     	<li title="<%=geo.getGeoId() %>"><%=geo.getName() %></li>
		                        <%
		                     		}
		                        %>
			                </ul>
			            </div>	            
			            <a href="#" class="button blue">Đăng ký</a>
			            <p class="closeWelcome"><a href="#">Bạn đã có tài khoản? Nhấn vào đây</a></p>
		            </div>
		            <div class="right">
		            	<div><a href="#"><img src="http://www.cungmua.com/Resources/images/landing/lang1_n.png" /></a></div>
		            	<div><a href="#"><img src="http://www.cungmua.com/Resources/images/landing/lang2_n.png" /></a></div>
		            	<div><a href="#"><img src="http://www.cungmua.com/Resources/images/landing/lang3_n.png" /></a></div>
		            	<div><a href="#"><img src="http://www.cungmua.com/Resources/images/landing/lang4_n.png" /></a></div>
		            	<div><a href="#"><img src="http://www.cungmua.com/Resources/images/landing/lang5_n.png" /></a></div>
		            	<div><a href="#"><img src="http://www.cungmua.com/Resources/images/landing/lang6_n.png" /></a></div>
		            </div>
	            </div>
	        </div>
	    </div>
	</div>